*{margin: 0; padding: 0;}
a{text-decoration: none; color: #000000;}
a:hover{color: #fa2a83;}
li{list-style: none;}
.head{overflow: ;}
.head-top{height: 29px;border: white 0px solid;margin: 0 auto;  background-color: #f5f5f5;}	
.city{width: 82px;height: 22px;position: absolute;left: 20%; font-size: 10px;padding-top:8px; padding-left: 5px;}
.city i{margin-left:8px;}
.city-close{position: absolute;left: 95%; top: 10%; cursor: pointer;}
.city-hover{width: 502px; height: 278px;border: 0px red solid;float: left;position: absolute;top: 30px; left: 384px; 
	display: none; background-color: white; z-index: 9999;}
.city-hover-top{height: 40px;padding-left: 15px;padding-top: 10px;}
.city-hover-center{height: 30px; padding-left: 15px;padding-top: 10px; border-bottom: white 1px solid;}
.priv{padding-left:10px;border-top: solid #fa2a83 2px;  border-left: solid lightgray 1px; 
	border-right: solid lightgray 0px; height:30px;width: 45px; }
.city-hover-foot{height: 207px;padding-left: 15px;padding-top: 10px;border-top: 1px solid lightgray;}
.city-hover-foot li{float: left; margin-right: 60px; margin-bottom: 10px;}
.naviga{}
.naviga-dao{position:absolute;left:800px;height: 29px;}
.naviga-dao a{padding-bottom: 5px;}
.naviga-dao li{float: left; padding: 8px 10px 5px 20px;font-size: 10px;}
.naviga-dao i{}
.login{ z-index: 9999;}
.login:hover{background-color: white;}
.fa-sale:hover{background-color: white;}
.club:hover{background-color: white;}
.cus-service:hover{background-color: white;}
.app:hover{background-color: white;}
.fa-more:hover{background-color: white;}
.login:hover .login-hover{display: block; background-color: white;z-index: 9999;}
.login:hover .naviga-dao a{background-color: white;}
.login-hover{border: 1px lightgray solid;width: 200px;height: 150px;position: absolute;left: 0%;top:29.5px;  display: none;}
.login-hover-top{padding-left: 15px;padding-top:20px;height: 45px;}
.hi-login{border-bottom: #000000 1px dotted;padding-bottom: 10px;margin-left: 45px;}
.user-ph{width: 30px; margin-left: 5px;margin-top: 5px;position: absolute;}
.sale{border: 1px lightgray solid; width:88.42px;float: left; position: absolute;top: 29px; left: 275px;text-align: center; display: none; padding: 10px 0px;background-color: white; color: black;}
.fa-sale:hover .sale{display: block; background-color: white;z-index: 9999;}
.vip-club{border: 1px lightgray solid; width: 100.42px; text-align: center; float: left; position: absolute;top: 29px;left: 363px; display: none; background-color: white; padding: 10px 0px;}
.club:hover .vip-club{display: block; background-color: white;z-index: 9999;}
.service{border: 1px lightgray solid; float: left; position: absolute;top: 29px;left: 464px; display: none; 
	background-color: white; padding: 10px 0px; width: 88.42px;}
.cus-service:hover .service{display: block; background-color: white;z-index: 9999;}
.app-download{width: 200px; height: 250px; float: left; position: absolute;top: 29px;left: 419px; display: none;}
.app:hover .app-download{display: block; background-color: white;z-index: 9999;}
.app-vipjpg{width: 160px;height: 160px; padding: 20px;}
.app-cont{padding: 20px; text-align: center;}
.app-vipjpg img{width: 160px;height: 160px;}
.more{border: 1px lightgray solid; float: left; position: absolute;top:29px;left:381px;
	width: 302px;height: 150px;display: none; background-color: white;padding: 10px 0px;}
.fa-more:hover .more{display: block; background-color: white;z-index: 9999;}
.head-logo{height: 120px; border: 1px white solid;position: relative; margin-top: 1%;}
.vip-1{float: left;position: absolute;left: 29%; top: 28%;}
.vip-2{float: left;position: absolute;left: 35%; top: 28%;}
.vip-3{float: left;position: absolute;left: 42%; top: 28%}
.search-kuang{float: left; position: absolute;top: 28%; left: 52%; width: 300px;height: 34px; border: 1px solid #fa2a83; outline: none;}

.his-left{float: left;font-size: 14px;color: gray; margin: 10px;padding-right: 90px; border-right:solid 1px #ccc;height: 200px;}
.his-right{float: left;font-size: 14px; color: gray; margin: 10px;}
.history{border: 1px solid #ccc; width: 340px; height: 245px; 
	position: absolute;left: 52%;top: 58%; z-index: 1000; display: none; background-color: white;}
.search-but{width: 53px; height: 34px;background-color: #fa2a83;position: absolute; top:28%; right: 30%; border-bottom: 2px solid #fa2a83;}
.shop-pack{ border: solid 1px lightblue; width: 100px; height: 34px; position: absolute;top: 28%; right: 23%;}
.shop-pack:hover .go-login{display: block;}
.shop-pack:hover{padding-bottom: 10px; border-bottom: none; z-index: 102;}
.go-login{border: 1px solid lightgray; position: absolute; width: 300px; height:40px;position: absolute;right: 0%; top: 95%; display: none;}
#shop-bask{position: absolute; top: 8px;padding-left:5px;px;}
.pack-num{width: 20px; height: 16px; background-color: #fa2a83; margin-left: 3px;}
.head-bottom{border: 0px white solid;position: relative;height: 43px; z-index: 999;}
.head-list{position: absolute; left: 20%; float: left; z-index: 999;}
.head-list li:hover{color:#fa2a83 ; cursor: pointer;}
.head-bottom li{float: left;margin-right: 27px; padding-top: 9px; margin-bottom: 5px; padding-bottom: 11px;}
.proclass-btu{background-color:#fa2a83 ;border: 0px white solid;height: 32px; padding-left: 20px;
	padding-right: 20px; position: relative; overflow: hidden; transition: 0.1S; color: white;}
.proclass-btu:hover{height: 400px; overflow: visible;}
.prohover-list{position: absolute;left: 0%;top:40px; background-color: #fa2a83;
	width: 126px;height: 00px; float: left; z-index: 100; color: white;}
.prohover-list li{padding: 10px 20px;font-size: 12px; color: white;}
.list-more{border: 1px solid lightpink; width: 62px; display: none; position: absolute;right: 1.5%;  
	text-align: center;  overflow: hidden; z-index: 9999; margin-top: 12px; background-color: white; text-align: center;padding-left: 20px;}
.head-list li .more-mo:hover .list-more{ display: block;}
.pro-list-nt1{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.pro-list-nt2{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.pro-list-nt3{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.pro-list-nt4{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.pro-list-nt5{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.pro-list-nt6{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.pro-list-nt7{border: 1px solid white; width: 1014px; height: 495px;float: left;position: absolute;left: 99%;top: 2px; display: none; background-color: white; z-index: 999999;}
.classname{font-size: 12px; padding: 12px 7px; margin-left:20px ;}
.pru-name{margin: 10px;}
.w-m-n:hover{background-color: white;color:#fa2a83 ;}
.w-m-n:hover .pro-list-nt1{display: block;}
.prohover-list li{width: 111px;}
.w-m-b:hover{background-color: white;color:#fa2a83 ;}
.w-m-b:hover .pro-list-nt2{display: block;}
.skin:hover{background-color: white;color:#fa2a83 ;}
.skin:hover .pro-list-nt3{display: block;}
.outdoor:hover{background-color: white;color:#fa2a83 ;}
.outdoor:hover .pro-list-nt4{display: block;}
.tv:hover{background-color: white;color:#fa2a83 ;}
.tv:hover .pro-list-nt5{display: block;}
.mon-chi:hover{background-color: white;color:#fa2a83 ;}
.mon-chi:hover .pro-list-nt6{display: block;}
.bea:hover{background-color: white;color:#fa2a83 ;}
.bea:hover .pro-list-nt7{display: block;}
.body-ad{height: 502px; border: 1px solid lightsalmon; background: url(../iamges/head-list-bag.jpg); 
	background-repeat:no-repeat;position: relative; z-index: 10;}
.c-p-top{width: 1145px;height: 400px; position: absolute;left: 21%;top: 10%; overflow: ;}
.c-p-top img{width: 1115px;height: 400px;}
.c-p-top:hover .c-p-bot_changeleft{width: 33px;}
.c-p-foot ul{position: absolute;top: 90%;left: 37%;}
.c-p-foot li{float: left; width: 229px; height: px; border-right: 1px solid lightseagreen;
	text-align: center;padding-right:20px ;margin-top: 10px; padding-bottom: 10px;}

.c-p-foot li:hover{background-color: white; border-bottom: 2px solid #fa2a83;}
.c-p-bot_changeleft{width: 0px;height: 66px; overflow: hidden; background-color: lightgray;opacity:0.5;
	border-radius:20% ; text-align: center;line-height: 65px; position: absolute;top: 40%;  display: block;}
.c-p-bot_changeright{width: 0px;height: 66px; overflow:hidden;background-color: lightgray;
	opacity:0.5;border-radius:20% ;text-align: center;line-height: 65px; position: absolute;top: 40%; right:2.5%; display: block;}
.feini{cursor: pointer;}
.anni{cursor: pointer;}
